<template>
  <div>
     <div>
          <el-dialog
            :title="name"
            :visible="centerDialog"
            width="40%"
            font-weight='700'
            :before-close='Dialog'
            >
            <!-- 补货警戒线 -->
            <div class="Warning ">
                  <slot name="before" />
            </div>
            <span slot="footer" class="dialog-footer">
                   <slot name="after" />
            </span>
          </el-dialog>
  </div>
  </div>
</template>

<script>
export default {
  name: 'DikticDkdPopover',
  props: {
    centerDialog: {
      type: Boolean,
      default: true
    },
    name: {
      type: String
    }
  },
  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {
    Dialog () {
      this.$emit('update:centerDialog', false)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
